/* register */
a{ text-decoration: none;}
.btn{ display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px }
.btn-default { color: #333; background-color: #fff; border-color: #ccc }
.btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad }
.btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4 }
.btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74 }
.btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c }
.btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439 }
.btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da }
.btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc }
.btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236 }
.btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512 }
.btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a }
.btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925 }

.tabReg{display: none;}
.wp{ width: 1100px; margin: auto; clear: both; overflow: hidden;}
.reg-bg{ background: url(../image/register/bg.png) repeat-y center; width: 100%; min-width: 1100px; padding: 150px 0 100px; min-height: 800px; margin-bottom: -70px}
.regLeft{ float: left; width: 359px; background:url(../image/register/bg43.png) no-repeat left top; height: 430px; font-size: 1rem}
.regLeft .hd{ float: left; width:185px;line-height: 420px; font-size: 30px; color: #666; text-align: center;}
.regLeft .bd{ width: 160px; float: right; margin-right: 11px;}
.regLeft .bd span{display: block;margin-top: 32px;width: 169px;height: 169px;cursor: pointer;clear: both; text-align: center; line-height: 169px;}
.regLeft .bd .li01 {background: url(../image/register/bg44.png) no-repeat -0px 0;}
.regLeft .bd .li02 { background: url(../image/register/bg44.png) no-repeat -2px -181px;}
.regLeft .bd .li01cur { background: url(../image/register/bg44.png) no-repeat -349px 0; color: #f60}
.regLeft .bd .li02cur {background: url(../image/register/bg44.png) no-repeat -349px -181px; color: #f60}
.regRight{ float: right; width: 700px; overflow: hidden;}
.reg-form-group{ clear: both; margin-bottom: 15px; font-size: 1.2em}
.reg-form-group label{ display: block; color: #666; text-align: left; margin-bottom: 10px;}
.reg-form-group label span{color: #f00;font-size: 1.2em}
.reg-ipt{ border: 1px #ddd solid; padding: 5px; font-size: 20px; line-height: 20px; padding: 10px; width: 350px;outline:none; color: #333}
.reg-btn{ margin: 0px; padding: 0px; background:none; border: 1px #3a485d solid; padding:10px 20px; font-size: 16px; cursor: pointer;
display: inline-block; margin-right: 20px;}
.reg-btn[disabled]{ background-color: #f1f1f1; border-color: #ddd}
.reg-btn:hover{background-color: #3a485d; color: #fff}
.reg-btn[disabled]:hover{background-color: #f1f1f1; color: #ddd}
.reg-btn01{ background-color: #3a485d; color: #fff}
.reg-btn01:hover{background-color: #25354d;}
.r-btn{ color: #f60; display: inline-block; text-decoration: underline;}
.form-group p.error{ color: #f00; font-size: 12px;}
#msg{color: #f00}
p.error{color:#f00;}

.confirm{ clear: both; overflow: hidden; margin-top: 100px}
.confirm h1{ font-size: 30px; margin-bottom: 10px}
.confirm p{ margin-bottom: 10px;}
.confirm h2{ font-size: 20px; margin-bottom: 10px;}

#sendEmail{ color: #f00; font-size: 14px}

/* login */
.login{clear: both; width: 500px; padding: 100px 0; margin: auto; margin-top: 100px;}
.reg-a{ color: #f60; display: inline-block; text-decoration: underline; font-size: 1.2em}
/* end */


@media (max-width: 992px){
    .reg-bg{ background:none; min-width: 100%; padding: 20px 0 0px; min-height: auto; margin-bottom: 30px}
    .wp{ width: auto;}
    .login{clear: both; width: 90%; padding: 50px 0; margin: auto; margin-top: 0px;}
    .reg-ipt{ width: 100%; box-sizing:border-box;}
    .regLeft{ display: none;}
    .regRight{ float: right; width: 100%; overflow: hidden; padding: 1rem;box-sizing:border-box;}
    .tabReg{display: block; height: 40px; line-height: 40px;}
    .tabReg li{ float: left; width: 50%; text-align: center; font-size: 1rem;background: #666; color: #fff}
    .tabReg li a{display: block; background: #f1f1f1; color: #666}
    .confirm{ margin-top: 20px}
}